<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./css/common.css">
    <link rel="stylesheet" href="./css/index.css">
    <link rel="stylesheet" href="./css/reset.css">
</head>

<body>
    <div class="logo-wrap wrap">
        <div class="logo_l float_left">
            <img src="./images/logo.png" alt="">
        </div>
        <div class="logo_c float_left">
            <ul>
                <li><a href="#">首页</a></li>
                <li><a href="#">推广</a><img src="./images/xiasanjiao.png" alt=""></li>
                <li><a href="#">运营</a><img src="./images/xiasanjiao.png" alt=""></li>
                <li><a href="#">营销</a><img src="./images/xiasanjiao.png" alt=""></li>
                <li><a href="#">数据</a><img src="./images/xiasanjiao.png" alt=""></li>
                <li><a href="#">好读书</a></li>
                <li><a href="#">互联网</a><img src="./images/xiasanjiao.png" alt=""></li>
                <li><a href="#">服务</a><img src="./images/xiasanjiao.png" alt=""></li>
            </ul>
        </div>
        <div class="logo_r float_right">
            <div class="logoR1"><img src="./images/skew.png" alt=""></div>
            <div class="logoR2">
                <a href="#">登录</a>
                <a href="#">注册</a>
            </div>
            <div class="logoR3">
                <a href="#">投稿</a>
            </div>
        </div>
    </div>
    <div id="banner">
        <div class="banner-wrap wrap">
            <!-- 1 -->
            <div class="banner_l float_left">
                <img src="./images/banner.jpg" alt="">
            </div>
            <!-- 2 -->
            <div class="banner_c float_left">
                <div class="banner1">
                    <img src="./images/banner_c.jpg" alt="">
                    <div class="content">
                        <p>新媒体运营:10W+爆文</p>
                    </div>
                </div>
                <div class="banner1">
                    <img src="./images/banner_c.jpg" alt="">
                    <div class="content">
                        <p>新媒体运营:10W+爆文</p>
                    </div>
                </div>
                <div class="banner1">
                    <img src="./images/banner_c.jpg" alt="">
                    <div class="content">
                        <p>新媒体运营:10W+爆文</p>
                    </div>
                </div>
            </div>
            <!-- 3 -->
            <div class="banner_r float_right">
                <h3>热门文章</h3>
                <ul class="item-box">
                    <li class="item-content">
                        <div class="item_img">
                            <img src="./images/item.png" alt="">
                        </div>
                        <div class="item_text">
                            <p>移动互联网2017年Q2夏</p>
                            <p>移动互联网2017年Q2夏</p>
                            <span>
                                2017年7月21日
                            </span>
                        </div>
                    </li>
                    <li class="item-content">
                        <div class="item_img">
                            <img src="./images/item.png" alt="">
                        </div>
                        <div class="item_text">
                            <p>移动互联网2017年Q2夏</p>
                            <p>移动互联网2017年Q2夏</p>
                            <span>
                                2017年7月21日
                            </span>
                        </div>
                    </li>
                    <li class="item-content">
                        <div class="item_img">
                            <img src="./images/item.png" alt="">
                        </div>
                        <div class="item_text">
                            <p>移动互联网2017年Q2夏</p>
                            <p>移动互联网2017年Q2夏</p>
                            <span>
                                2017年7月21日
                            </span>
                        </div>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <div id="title">
        <div class="title-wrap wrap">
            <!-- L -->
            <div class="title_l float_left">
                <div class="title-box">
                    <!-- 1 -->
                    <div class="title-box1">
                        <h3>专题介绍</h3>
                        <p>全部专题</p>
                    </div>
                    <!-- 1 -->
                    <!-- 2 -->
                    <div class="title-box2">
                        <div class="tit-img">
                            <p>APP推广</p>
                        </div>
                        <div class="tit-img">
                            <p>APP推广</p>
                        </div>
                        <div class="tit-img">
                            <p>APP推广</p>
                        </div>
                        <div class="tit-img">
                            <p>APP推广</p>
                        </div>
                    </div>
                    <!-- 2 -->
                </div>
            </div>

            <!-- 2 -->
            <div class="title_r float_right">
                <h2>青瓜传媒</h2>
                <h3>移动广告投放平台</h3>
            </div>
        </div>
    </div>
    <div class="active-wrap wrap">
        <ul class="active_l float_left">
            <li><a href="#">最新文章</a></li>
            <li><a href="#">最新文章</a></li>
            <li><a href="#">最新文章</a></li>
            <li><a href="#">最新文章</a></li>
            <li><a href="#">最新文章</a></li>
            <li><a href="#">最新文章</a></li>
        </ul>
        <div class="active_r float_right">
            <h3>热门文章</h3>
            <ul class="item-box1">
                <li class="item-content">
                    <div class="item_img">
                        <img src="./images/7.png" alt="">
                    </div>
                    <div class="item_text">
                        <p>移动互联网2017年Q2夏</p>
                        <p>移动互联网2017年Q2夏</p>
                        <span>
                            2017年7月21日
                        </span>
                    </div>
                </li>
                <li class="item-content">
                    <div class="item_img">
                        <img src="./images/7.png" alt="">
                    </div>
                    <div class="item_text">
                        <p>移动互联网2017年Q2夏</p>
                        <p>移动互联网2017年Q2夏</p>
                        <span>
                            2017年7月21日
                        </span>
                    </div>
                </li>
                <li class="item-content">
                    <div class="item_img">
                        <img src="./images/7.png" alt="">
                    </div>
                    <div class="item_text">
                        <p>移动互联网2017年Q2夏</p>
                        <p>移动互联网2017年Q2夏</p>
                        <span>
                            2017年7月21日
                        </span>
                    </div>
                </li>
                <li class="item-content">
                    <div class="item_img">
                        <img src="./images/7.png" alt="">
                    </div>
                    <div class="item_text">
                        <p>移动互联网2017年Q2夏</p>
                        <p>移动互联网2017年Q2夏</p>
                        <span>
                            2017年7月21日
                        </span>
                    </div>
                </li>
                <li class="item-content">
                    <div class="item_img">
                        <img src="./images/7.png" alt="">
                    </div>
                    <div class="item_text">
                        <p>移动互联网2017年Q2夏</p>
                        <p>移动互联网2017年Q2夏</p>
                        <span>
                            2017年7月21日
                        </span>
                    </div>
                </li>
            </ul>
        </div>
    </div>
    </div>
    </div>
    <div class="main-wrap wrap">
        <ul class="main_l float_left">
            <li>
                <div class="mainbox_l">
                    <img src="./images/8.jpg" alt="">
                </div>
                <div class="mainbox_r">
                    <h3>
                        11月金融行业11月金融行业11月金融行业
                    </h3>
                    <p>11月金融行业11月金融行业11月金融行业</p>
                    <p>11月金融行业11月金融行业11月金融行业</p>
                    <div class="mbox">
                        <h4>50秒前</h4>
                        <h5>545</h5>
                    </div>

                </div>
            </li>
            <li>
                <div class="mainbox_l">
                    <img src="./images/8.jpg" alt="">
                </div>
                <div class="mainbox_r">
                    <h3>
                        11月金融行业11月金融行业11月金融行业
                    </h3>
                    <p>11月金融行业11月金融行业11月金融行业</p>
                    <p>11月金融行业11月金融行业11月金融行业</p>
                    <div class="mbox">
                        <h4>50秒前</h4>
                        <h5>545</h5>
                    </div>

                </div>
            </li>
            <li>
                <div class="mainbox_l">
                    <img src="./images/8.jpg" alt="">
                </div>
                <div class="mainbox_r">
                    <h3>
                        11月金融行业11月金融行业11月金融行业
                    </h3>
                    <p>11月金融行业11月金融行业11月金融行业</p>
                    <p>11月金融行业11月金融行业11月金融行业</p>
                    <div class="mbox">
                        <h4>50秒前</h4>
                        <h5>545</h5>
                    </div>

                </div>
            </li>
            <li>
                <div class="mainbox_l">
                    <img src="./images/8.jpg" alt="">
                </div>
                <div class="mainbox_r">
                    <h3>
                        11月金融行业11月金融行业11月金融行业
                    </h3>
                    <p>11月金融行业11月金融行业11月金融行业</p>
                    <p>11月金融行业11月金融行业11月金融行业</p>
                    <div class="mbox">
                        <h4>50秒前</h4>
                        <h5>545</h5>
                    </div>

                </div>
            </li>
            <li>
                <div class="mainbox_l">
                    <img src="./images/8.jpg" alt="">
                </div>
                <div class="mainbox_r">
                    <h3>
                        11月金融行业11月金融行业11月金融行业
                    </h3>
                    <p>11月金融行业11月金融行业11月金融行业</p>
                    <p>11月金融行业11月金融行业11月金融行业</p>
                    <div class="mbox">
                        <h4>50秒前</h4>
                        <h5>545</h5>
                    </div>

                </div>
            </li>
            <li>
                <div class="mainbox_l">
                    <img src="./images/8.jpg" alt="">
                </div>
                <div class="mainbox_r">
                    <h3>
                        11月金融行业11月金融行业11月金融行业
                    </h3>
                    <p>11月金融行业11月金融行业11月金融行业</p>
                    <p>11月金融行业11月金融行业11月金融行业</p>
                    <div class="mbox">
                        <h4>50秒前</h4>
                        <h5>545</h5>
                    </div>

                </div>
            </li>
        </ul>
        <div class="main_r float_right">
            <h3>热门标签</h3>
            <div class="bqian">
                <div>标签标签</div>
                <div>标签标签</div>
                <div>标签标签</div>
                <div>标签标签</div>
                <div>标签标签</div>
                <div>标签标签</div>
                <div>标签标签</div>
                <div>标签标签</div>
                <div>标签标签</div>
                <div>标签标签</div>
                <div>标签标签</div>
                <div>标签标签</div>
                <div>标签标签</div>
                <div>标签标签</div>
                <div>标签标签</div>
                <div>标签标签</div>
                <div>标签标签</div>
                <div>标签标签</div>
                <div>标签标签</div>
                <div>标签标签</div>
                <div>标签标签</div>
                <div>标签标签</div>
                <div>标签标签</div>
                <div>标签标签</div>
                <div>标签标签</div>
                <div>标签标签</div>
                <div>标签标签</div>
            </div>
        </div>
        <div class="title1_r float_right">
            <h2>青瓜传媒</h2>
            <h3>移动广告投放平台</h3>
        </div>
    </div>
    <div class="lianjie-wrap wrap">
        <h2>友情链接</h2>
        <div class="ljiebox">
            <p>APP推广</p>
            <p>APP推广</p>
            <p>APP推广</p>
            <p>APP推广</p>
            <p>APP推广</p>
            <p>APP推广</p>
            <p>APP推广</p>
            <p>APP推广</p>
            <p>APP推广</p>
            <p>APP推广</p>
            <p>APP推广</p>
            <p>APP推广</p>
            <p>APP推广</p>
            <p>APP推广</p>
            <p>APP推广</p>
            <p>APP推广</p>
            <p>APP推广</p>
            <p>APP推广</p>
            <p>APP推广</p>
            <p>APP推广</p>
            <p>APP推广</p>
            <p>APP推广</p>
            <p>APP推广</p>
            <p>APP推广</p>
            <p>APP推广</p>
        </div>
    </div>
    <div id="footer">
        <div class="footer-wrap wrap">
            <div class="footerbox">
                <p>服务</p>
                <p>服务</p>
                <p>服务</p>
                <p>服务</p>
                <p>服务</p>
                <p>服务</p>
                <p>服务</p>
            </div>
            <h3>
                Copyright@2019版权所有Copyright@2019版权所有Copyright@2019版权所有
            </h3>
        </div>
    </div>
</body>

</html>